﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Areas/SystemAdmin/Master.Master" CodeBehind="Default.aspx.cs" Inherits="OnlineBusinesses.Areas.SystemAdmin.Default" %>
<asp:Content ContentPlaceHolderID="ContentSystemAdmin" runat="server" ID="ContentAdmin">
    <div class="col-md-12 col-xs-12 col-sm-12 col-xs-12" style="padding:10px;">
        
        <h3 style="font-weight:bold;">Quản lý hệ thống
            <button type="button" class="btn btn-default pull-right hidden-xs hidden-sm" style="margin-right:20px;border-radius:0px;border:1px solid #ddd;padding-top:10px;" value="Back" onclick="history.go(-1);">
                <span class="fa fa-mail-reply" style="font-size:20px;"></span>
            </button>
        </h3>
        <div class="col-md-7 col-lg-7 col-sm-12 col-xs-12" style="padding:10px;height:348px;">
            <div class="col-md-12 col-xs-12 col-sm-12 col-xs-12" style="padding:10px;border:1px solid #ddd;">
                <div class="col-md-12 col-xs-12 col-sm-12 col-xs-12" style="padding:0px;height:285px;">
                    <h4 style="font-weight:bold;">Danh sách cần gia hạn</h4>
                    <div class="table-responsive">
                    <table class="table table-bordered table-striped" style="margin-bottom:5px;">
                        <thead>
                            <th>Email</th>
                            <th style="width:120px;">Ngày tham gia</th>
                            <th style="width:120px;">Ngày kết thúc</th>
                            <th style="width:80px;">Còn lại</th>
                            <th style="width:100px;">Nhắc nhở</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="vertical-align:middle">
                                    nva@gmail.com
                                </td>
                                <td style="vertical-align:middle">
                                    10/05/2014
                                </td>
                                <td style="vertical-align:middle">
                                    10/09/2014
                                </td>
                                <td style="vertical-align:middle;text-align:center;">
                                    2
                                </td>
                                <td style="vertical-align:middle">
                                    <span class="btn btn-default">Send email</span>
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align:middle">
                                    nvb@gmail.com
                                </td>
                                <td style="vertical-align:middle">
                                    15/05/2014
                                </td>
                                <td style="vertical-align:middle">
                                    15/09/2014
                                </td>
                                <td style="vertical-align:middle;text-align:center;">
                                    6
                                </td>
                                <td style="vertical-align:middle">
                                    <span class="btn btn-default">Send email</span>
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align:middle">
                                    nvc@gmail.com
                                </td>
                                <td style="vertical-align:middle">
                                    20/05/2014
                                </td>
                                <td style="vertical-align:middle">
                                    20/09/2014
                                </td>
                                <td style="vertical-align:middle;text-align:center;">
                                    12
                                </td>
                                <td style="vertical-align:middle">
                                    <span class="btn btn-default">Send email</span>
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align:middle">
                                    nvd@gmail.com
                                </td>
                                <td style="vertical-align:middle">
                                    20/05/2014
                                </td>
                                <td style="vertical-align:middle">
                                    20/09/2014
                                </td>
                                <td style="vertical-align:middle;text-align:center;">
                                    12
                                </td>
                                <td style="vertical-align:middle">
                                    <span class="btn btn-default">Send email</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    </div>
                </div>
                <div class="col-md-12 col-xs-12 col-sm-12 col-xs-12" style="padding-top:5px;text-align:right;">
                    <a href="ControlCustomer.aspx" style="text-decoration:none;color:#333;">Xem thêm..</a>
                </div>
            </div>
        </div>
        <div class="col-md-5 col-lg-5 col-sm-12 col-xs-12 " style="padding:10px;">
            <div class="col-md-12 col-xs-12 col-sm-12 col-xs-12" style="padding:10px;border:1px solid #ddd;">
                <div class="col-md-12 col-xs-12 col-sm-12 col-xs-12" style="padding:0px;height:282px;">
                    <h4 style="font-weight:bold;">Thống kê vi phạm</h4>
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped" style="margin-bottom:5px;">
                            <thead>
                                <th colspan="2">Hạn mức cảnh báo</th>
                            </thead>
                            <tbody>
                                <tr>
                                    <td style="vertical-align:middle">
                                        Số email gửi dưới
                                    </td>
                                    <td style="vertical-align:middle;text-align:center;">
                                        10.000
                                    </td>
                                </tr>
                                <tr>
                                    <td style="vertical-align:middle">
                                        Tỷ lệ mail chết
                                    </td>
                                    <td style="vertical-align:middle;text-align:center;">
                                        5.9
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <table class="table table-bordered table-striped" style="margin-bottom:5px;">
                        <thead>
                            <th colspan="2">Hạn mức khóa tài khoản</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="vertical-align:middle">
                                    Số email gửi từ
                                </td>
                                <td style="vertical-align:middle;text-align:center;">
                                    1.000
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align:middle">
                                    Tỷ lệ mail chết
                                </td>
                                <td style="vertical-align:middle;text-align:center;">
                                    5.9
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    </div>
                </div>
                <div class="col-md-12 col-xs-12 col-sm-12 col-xs-12" style="padding-top:5px;text-align:right;">
                    <a href="Config.aspx" style="text-decoration:none;color:#333;">Xem thêm..</a>
                </div>
            </div>
           
        </div>
    </div>
    <div class="col-md-12 col-xs-12 col-sm-12 col-xs-12" style="padding:10px;">
        <script type="text/javascript">
            $(document).ready(function () {
                // prepare chart data as an array
                var sampleData = [
                                    { Day: 'Autoresponder', Running: 70 },
                                    { Day: 'Broadcast', Running: 45 },
                                    { Day: 'Mailbox', Running: 66 },
                                    { Day: 'Customer', Running: 80 },
                                    { Day: 'Khuyến mãi', Running: 50 },
                                    { Day: 'Kho hàng', Running: 20 },
                                    { Day: 'Website', Running: 20 },
                                    { Day: 'Mail Template', Running: 10 },
                                    { Day: 'Affiliate', Running: 100 }
                ];
                // prepare jqxChart settings
                var settings = {
                    title: "Thống kê tỉ lệ sử dụng dịch vụ của khách hàng",
                    description: "Đon vị tính theo % trên tổng khách sử dụng",
                    enableAnimations: true,
                    showLegend: true,
                    padding: { left: 5, top: 5, right: 5, bottom: 5 },
                    titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },
                    source: sampleData,
                    xAxis:
                        {
                            dataField: 'Day',
                            showTickMarks: true,
                            tickMarksInterval: 1,
                            tickMarksColor: '#888888',
                            unitInterval: 1,
                            showGridLines: false,
                            gridLinesInterval: 1,
                            gridLinesColor: '#888888',
                            axisSize: 'auto'
                        },
                    colorScheme: 'scheme03',
                    seriesGroups:
                        [
                            {
                                type: 'stackedcolumn',
                                columnsGapPercent: 100,
                                seriesGapPercent: 5,
                                valueAxis:
                                {
                                    unitInterval: 10,
                                    minValue: 0,
                                    maxValue: 100,
                                    displayValueAxis: true,
                                    description: '% sử dụng',
                                    tickMarksColor: '#888888'
                                },
                                series: [
                                        { dataField: 'Running', displayText: 'Ứng dụng' }
                                ]
                            }
                        ]
                };
                // setup the chart
                $('#chartContainer').jqxChart(settings);
            });
            </script>
        <div class="col-md-8 col-lg-8 hidden-xs hidden-sm" id='chartContainer' style="height:400px;padding:0px;">

        </div>
        <div class="col-md-4 col-lg-4 col-sm-12 col-xs-12" style="height:400px;">
                    <table class="table table-bordered table-striped" style="margin-bottom:5px;">
                        <thead>
                            <th colspan="3" style="text-align:center;font-size:16px;">Thông kê tài khoản</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="vertical-align:middle" colspan="2">
                                    Tài khoản dùng thử
                                </td>
                                <td style="vertical-align:middle;text-align:center;width:80px;">
                                    32
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align:middle" colspan="2">
                                    Tài khoản sử dụng
                                </td>
                                <td style="vertical-align:middle;text-align:center;width:80px;">
                                    44
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align:middle" colspan="2">
                                    Tài khoản hết hạn
                                </td>
                                <td style="vertical-align:middle;text-align:center;width:80px;">
                                    11
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align:middle;text-align:right;" colspan="3">
                                    Tổng : 87 người dùng
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="table table-bordered table-striped" style="margin-bottom:5px;">
                        <thead>
                            <th colspan="2" style="text-align:center;font-size:16px;">Thống kê hệ thống</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="vertical-align:middle">
                                    Thời gian bảo trì gần nhất
                                </td>
                                <td style="vertical-align:middle;text-align:center;">
                                    15:00 08/09/2014
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table class="table table-bordered table-striped" style="margin-bottom:5px;">
                        <thead>
                            <th colspan="2" style="text-align:center;font-size:16px;">Thống kê Domain</th>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="vertical-align:middle">
                                    Thời gian đáo hạn tên miền
                                </td>
                                <td style="vertical-align:middle;text-align:center;">
                                    08/09/2015
                                </td>
                            </tr>
                        </tbody>
                    </table>
        </div>
    </div>
</asp:Content>